import styled from "styled-components";

export const RankLeftStyle = styled.div`
  .cloud-music {
    padding: 0 10px 12px 15px;
    color: #000;
    font: 14px "simsun" "宋体";
    margin-top: 40px;
  }
  ul {
    li {
      width: 240px;
      /* padding: 10px 0 10px 20px; */
      font-size: 12px;
      :hover {
        background-color: #f2f2f2;
        cursor: pointer;
      }
      .rankBox {
        text-decoration: none;
        display: block;
        padding: 10px 0 10px 20px;

        .flex-box {
          display: flex;
          img {
            margin-right: 10px;
          }
          .text-box {
            height: 40px;
            display: flex;
            flex-direction: column;
            span {
              line-height: 22px;
            }
            .updateTimeSpan {
              color: #999;
            }
          }
        }
      }
    }
    .isSelect {
      background-color: #e6e6e6;
    }
  }
`;
